.app-header a {
  color: #8f8e94;
  text-decoration: none;
}

.app-header {
  position: fixed;
  top: 0px;
  z-index: 2000;
  width: 100%;
  left: 0;
}

.app-header .inner {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  width: 1024px;
  height: 100px;
  position: relative;
}

.app-header .inner .nav-logo {
  margin-top: 28px;
  display: block;
  float: left;
  width: 100px;
  position: relative;
}

.app-header .nav-logo div {
  color: transparent;
  text-decoration: none;
  display: block;
  width: 100px;
  height: 40px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url(https://img3.doubanio.com/dae/staticng/s/bragi/8c78d0b1c0e36e9e2d92d1c032d3caaf7cad134f/deploy/b6a46d59a094ec51ec67452607965e2c.svg);
}

.app-header .feedback {
  position: absolute;
  left: 140px;
  top: 31px;
  z-index: 1000;
  font-size: 12px;
}

.app-header .feedback a {
  font-size: 12px;
  color: #8f8e94;
}

.icon {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.app-header .inner .fr {
  padding-top: 43px;
  position: absolute;
  right: 0;
  top: 0;
}

.app-header .user-block {
  font-size: 12px;
  float: right;
}

.app-header .user-block a {
  font-size: 12px;
  margin-left: 10px;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  cursor: pointer;
}

.app-header .user-block .cover {
  position: relative;
  background-size: cover;
}

.app-header .user-block .avatar {
  height: 22px;
  width: 22px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
}

.app-header .user-block .info {
  height: 18px;
  line-height: 18px;
  padding: 0 3px;
  border-radius: 2px;
  font-size: 11px;
  font-weight: 400;
  text-align: center;
  display: inline-block;
  border: 1px solid #d3bb81;
  color: #977e42;
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
  background-color: transparent;
  border-color: rgb(142, 217, 156);
}

.app-header .user-block .info .text {
  -webkit-transform: skew(10deg);
  transform: skew(10deg);
  display: inline-block;
  color: rgb(47, 152, 66);
}


.recent-live-list {
  width: 260px;
  border: 1px solid #ccc;
  position: absolute;
  right: 0;
  top: 70px;
  background: #fbfbfb;
}

.recent-live-list .crust-item {
  padding: 20px;
  background: #fbfbfb;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
}

.recent-live-list .user-info {
  font-size: 13px;
}

.recent-live-list .user-info * {
  cursor: pointer;
}

.recent-live-list .user-info .avatar2 {
  height: 36px;
  border-radius: 50%;
  margin-right: 10px;
}

.recent-live-list .user-info .label {
  color: #62646c;
  font-size: 12px;
}

.recent-live-list .labels {
  color: #ccc;
  line-height: 1.5;
}

.recent-live-list .labels span {
  text-decoration: underline;
  color: #000;
  cursor: pointer;
}

.recent-live-list .live-list {
  padding: 24px 0;
  margin-top: 10px;
  border-top: 1px solid #ccc;
  color: #c6c6c6;
}

.recent-live-list .live-list li {
  margin-bottom: 10px;
}

.recent-live-list .live-list li * {
  cursor: pointer;
}

.recent-live-list .live-list .name {
  color: #000;
}

.recent-live-list .live-list .icon-play {
  margin-right: 10px;
}

.recent-live-list .live-list .icon-heart-fill {
  font-size: 13px;
}

.recent-live-list .look-history {
  color: rgb(47, 152, 66);
  cursor: pointer;
}